<%@ page language="java"  contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="path" value="${pageContext.request.scheme}${'://'}${pageContext.request.serverName}${':'}${pageContext.request.serverPort}${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/index.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/index2.js"></script>

<title>Insert title here</title>
</head>
<body><div>
<input type="button" value="热菜" id="re">
<input type="button" value="凉菜" id="leng">
<input type="button" value="主食" id="zhu">
<input type="button" value="汤类" id="tang">
<input type="button" value="饮品" id="ying">
<div style="float: left;width:90%" id="cai">
<input type="hidden" value="${tid}" id="tid">
<c:forEach items="${caiBooks}" var="cai">


		<div style="width: 400px; height: 500px;float: left;border: dashed" >
			<img  src="../img/${cai.pdz }" width="400px" height="250px" align="center"/>	
			<h2 align="center">菜名:${cai.pname }</h2>
			<h3 align="center">类型:${cai.ftype }</h3>
			<h3 align="center">价格:${cai.pprice }元</h3>
			<h3 align="center"><button  id="goumaibt${cai.pid }" value="${cai.pid }">购买</button></h3>


		</div>
		</c:forEach>
		</div>
		<div  style="position:fixed; z-index:1;width:8%;float: left;margin-left:1700px;border: dashed" >
		<div><h1>订单<br>座位号:${tid }</h1></div><div id="dingdang"></div>
		</div>

</body>

</html>
